#root {
  width: 100%;
  height: 100%;

  .page-container {
    height: 100%;
    padding: 16px;
    overflow: auto;

    .filter {
      height: 50px;

      .next-form {
        &-item {
          &-label {
            vertical-align: middle;
          }

          &-control {
            vertical-align: middle;
            line-height: 24px;
          }
        }
      }
    }

    .charts-container {
      height: calc(100% - 50px);

      .next-loading {
        height: 100%;

        &-wrap {
          height: 100%;

          .province-charts-container {
            height: 600px;

            .chart-by-province {
              display: inline-block;
              width: 32%;
              height: 100%;
              vertical-align: top;
            }
          }
          .yearly-charts-container {
            height: 800px;
          }
        }
      }

    }
  }
}